
aside {
background: #5C87B2;
padding: 10px;
width: 160px;
float: right;
height: 270px;
}
               
    
/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: url(images/bg_img.jpg) top center no-repeat #0f64a5; border:0; font:12px Arial, Helvetica, sans-serif; color:#1a1a1a; line-height:16px; padding-bottom:42px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 954px; padding-top:32px;}


/* ============================= main layout ====================== */

a{ color:#106aa9; text-decoration: underline; outline:none; font-weight:bold}
a:hover{ color:#5ac6f1;}
h1{ float:left; padding:20px 0 0 23px;}
h3{ font-size:17px; color:#fff; text-transform:uppercase; line-height:35px; padding:0 10px; background:#3092c9; margin-bottom:10px;}
p{ padding-bottom:16px;}

/* ============================= header ====================== */
header{ background:url(images/bg_top.jpg) scroll transparent top center no-repeat; width:100%; overflow:hidden; padding-bottom:12px;}

header .right{ width:300px;}

#logo{ background:url(../images/logo-basketball-League.png) transparent no-repeat; display:block;  width:111px; height:110px; margin: 20px 0 10px 20px;}/*height:80;  width:28px; height:48px; text-indent:-5000px;*/
#slogan{ padding:0 0 0 60px; margin-top:-50px; margin-left: 110px; color:#fff; font-size:36px; font-weight:bold; display:block; height: 42px;} 

#top_nav{ float:right; padding:19px 19px 0 0} 
#top_nav li{ float:left; padding-left:16px; color: White;}
#top_nav li a{ font-size:11px; font-weight:bold; text-transform:uppercase; color:#fff}
#top_nav li a:hover{ color:#4cbeec}

#search{ float:right; padding:18px 20px 0 0; width:278px;}
#search .bg{ background:url(images/bg_search.gif) no-repeat; overflow:hidden}
#search a{ float:right; font-size:17px; line-height:29px; color:#fff; text-transform:uppercase; width:59px; text-align:center;} 
#search .input{ float:right; font:12px Arial, Helvetica, sans-serif; color:#aca9a9; float:right; padding:6px 9px; width:199px; height:15px;}

#menu { width:100%; overflow:hidden; margin-top:19px; background:#e2e8ea; border-bottom:6px solid #e2e8ea;}
#menu li.topLevel { float:left;}
#menu li.topLevel a { display:block; font-size:17px; text-decoration: none; text-transform:uppercase; color:#213341; line-height:55px; background:url(images/menu_bg.gif) top right repeat-x; ; padding:0 8px 0 8px;}
#menu ul { display:none; z-index:999; position:absolute;}
#menu li.Level2 a { padding: 0 8px 0 8px;}
/*#menu li.topLevel span a { background:url(images/menu_left.gif) top left no-repeat; display:block}*/
/*#menu li.topLevel span span a { background:url(images/menu_right.gif) top right no-repeat; padding:0 8px 0 8px;}*/
#menu li.topLevel a:hover { color:#24abdd}

#menu li .active{ background:url(images/menu_bg_active.gif) top repeat-x; color:#fff;}
#menu li .active:hover{ color:#fff;}
#menu li .active span { background:url(images/menu_left_active.gif) top left no-repeat}
#menu li .active span span { background:url(images/menu_right_active.gif) top right no-repeat; padding:0 8px 0 8px}
/* ============================= content ====================== */

#content{margin-top:6px; background:#fff;}

#content nav{ overflow:hidden; padding:15px 0 16px 26px}
#content nav li{ float:left; padding-right:19px;}
#content nav li a{ font-size:11px; color:#627178; text-transform:uppercase; font-weight:bold;}
#content nav li a:hover{ color:#053d72;}

.bg1{ background:url(images/bg.gif) top repeat-x; overflow:hidden}
.bg2{ background:url(images/bg1.gif) top repeat-x #f9f9f9; overflow:hidden}
.bg3{ background:url(images/bg2.jpg) top repeat-x #fff; overflow:hidden}
.bg4{ background:url(images/bg4.gif) top repeat-x #fff; overflow:hidden}
.pad{ padding:10px}
.pad_2{ padding:0 10px;}
.marg_right1{ margin-right:10px;}
.marg_right2{ margin-right:20px;}
.pad_bot1{ padding-bottom:10px;}
.pad_top1{ padding-top:10px;}

.gallery1{ background:#333333; color:#808080; overflow:hidden; padding:10px;}
.gallery1 ul{ float:left; width:229px}
.gallery1 li{ margin-bottom:10px;}
.gallery1 a{ background:#000; color:#808080; display:block;  overflow:hidden; font-weight:normal}
.gallery1 a span{ display:block}
.gallery1 a span span{padding:10px; overflow:hidden}
.gallery1 a:hover, .gallery1 .active{ background:url(images/box_bg.jpg) top repeat-x; color:#fff}
.gallery1 a:hover span, .gallery1 .active span{ background:url(images/box_left.jpg) top left no-repeat}
.gallery1 a:hover span span, .gallery1 .active span span{ background:url(images/box_right.jpg) top right no-repeat; border-bottom:1px solid #5abde4; padding-bottom:9px;}
.gallery1 strong{ color:#fff; padding-bottom:4px;}
.gallery1 .no_pad{ margin-bottom:0}

.box{ background:url(images/box_bg.jpg) top repeat-x #62cff8; border-bottom:1px solid #5abde4; color:#fff; line-height:16px;}
.box_left{ background:url(images/box_left.jpg) top left no-repeat}
.box_right{ background:url(images/box_right.jpg) top right no-repeat; padding:0 15px 14px 15px;}
.box h2{ font-size:22px; color:#fff; line-height:28px; padding:15px 0 0 0}

.box .link li{ background:url(images/line1.gif) right 5px no-repeat}
.box .link li a{ color:#053d72}
.box .link .bg_none{ background: none}
.box .link a:hover{ color:#fff}

.box2{ background:#fff; border:1px solid #d9dddf}

.link li{ padding-right:10px; background: url(images/line2.gif) right 4px no-repeat; margin-right:10px; float:left;}
.link .bg_none{ background:none; padding:0; margin:0}
.link a:hover{ color:#5ac6f1}

.font1{ font-size:17px; font-weight:bold; line-height:19px; padding-bottom:10px; color:#106aa9}
.font2{ font-weight:bold; color:#106aa9; padding-bottom:0}

.table{ color:#627178; width:100%; overflow:hidden; padding:6px 0;}
table { border: solid 1px #e8eef4;  border-collapse: collapse;}
table td { padding: 5px; border: solid 1px #e8eef4;}
table th { padding: 6px 5px; text-align: left; border: solid 1px #e8eef4; background:#3092c9; }

.table a{color:#627178; font-weight:normal}
.table a:hover{ text-decoration:underline}

.tr1{ height:45px; border-bottom:1px solid #e4e4e4; background:#ededed; width:100%; overflow: hidden}
.tr2{ height:45px; border-bottom:1px solid #ededed; background:#f5f5f5; width:100%; overflow:hidden}
.tr1:hover, .tr2:hover{ background:#333333; color:#fff}
.tr1:hover strong, .tr2:hover strong{ color:#5ac6f1}
.tr1:hover a, .tr2:hover a{ color:#fff;}
.tr1:hover .td2, .tr2:hover .td2{ background:#484848; border:none; padding:6px 1px 0 1px}

.td1{ padding:6px 0 0 10px; width:117px; float:left;}
.td2{ border-left:1px solid #fdfdfd; border-right:1px solid #fdfdfd; text-align:center ; width:32px; float:left; padding:6px 0 0 0; height:100%;}
.tr1 .td2{ background:#f2f2f2;}
.tr2 .td2{ background:#fafafa;}
.td3{ padding:6px 0 0 13px; width:107px; float:left; line-height:32px;}

/*----------------------------- tabs -------------------------*/
ul.tabs, ul.tabs2 {margin: 0;	padding: 0; display:block;	list-style: none;	height: 56px;}
ul.tabs li, ul.tabs2 li {float: left;overflow: hidden; padding-right:4px;}
ul.tabs li a, ul.tabs2 li a { display:block; padding:10px; border:1px solid #e9ebec; border-bottom:none; font-size:17px;text-transform:uppercase; line-height:35px; position:relative; z-index:1; background:#fff }
ul.tabs li a span, ul.tabs2 li a span{ padding:0 8px; display:block; color:#363535;}
ul.tabs li a:hover span, ul.tabs2 li a:hover span { color:#4cbeec}
html ul.tabs li.active a, html ul.tabs li.active a:hover, html ul.tabs2 li.active a, html ul.tabs2 li.active a:hover  { border:1px solid #d9dddf; border-bottom:1px solid #fff; z-index:2;}
html ul.tabs li.active a span, html ul.tabs li.active a:hover span, html ul.tabs2 li.active a span, html ul.tabs2 li.active a:hover span{ background:#363535; color:#fff;}

.tab_content, .tab_content2{ border:1px solid #d9dddf; padding:10px 13px 10px 10px; z-index:1; background:#fff; position: relative; display: none;}


/*----------------------------- end tabs -------------------------*/

.list1{ padding-bottom:7px; margin-top:-4px}
.list1 li{ padding:8px 0 9px 0; border-bottom:1px solid #e5e5e5}
.list1 li a{ color:#627178; padding-left:20px; background:url(images/marker_1.gif) 0 3px no-repeat;}
.list1 li a:hover{ color:#106aa9; background: url(images/marker1_active.gif) 0 3px no-repeat;}

.color1{ background:#04365c}
.color2{ background:#5e5d5d}

/*---looped slider begin ---*/
#loopedSlider{ width:100%; padding-bottom:17px; overflow:hidden; height:283px; position:relative}
#loopedSlider .container{ height:283px; width:425px; overflow:hidden; position:relative; z-index:1; margin-left:19px;}
#loopedSlider .slides{ position:absolute; top:0; left:0;height:283px; width:425px;}
#loopedSlider .slides div { position: relative; top:0; left:0; overflow:hidden;}

.previous{ background:url(images/marker_left.gif) no-repeat; width:19px; height:283px; position:absolute;z-index:2; left:0;  top:0px}
.previous:hover{ background:url(images/marker_left_active.jpg) no-repeat; width:19px; height:283px; position:absolute}
.next{ background:url(images/marker_right.gif) no-repeat;width:19px; height:283px; position:absolute;z-index:2; left:444px;  top:0}
.next:hover{ background:url(images/marker_right_active.jpg) no-repeat}
/*--- slider end ---*/

.link1{ display:block; line-height:27px; background:  url(images/bg3.gif) top repeat-x; padding-left:10px;}

#video{ margin-bottom:17px;display:block; background: url(images/page1_video1.jpg) no-repeat; width:282px; height:206px; text-align:center}


/* ============================= footer ====================== */

footer { background:#04365c; padding:16px 20px 17px 20px; color:#fff;}
footer a{ color:#0cb2f9; font-weight:normal}
footer a:hover{ color:#fff;}
footer nav{ width:100%; overflow:hidden; padding-bottom:14px}
footer nav li{ float:left; padding-right:11px; background:url(images/footer_line.gif) right 4px no-repeat; margin-right:10px}
footer nav .bg_none{ background:none; padding:0; margin:0}
footer nav li a{ color:#fff;}
footer nav li a:hover{ color:#0cb2f9}


/* ============================= forms ============================= */

#ContactForm {}
#ContactForm a{ margin-left:20px}
#ContactForm .input {width:200px; height:18px; border:1px solid #a4a4a4; background:#2a2a2a; padding:0 3px; margin-bottom:5px;color:#6e6e6e; text-transform:uppercase;}
#ContactForm textarea { overflow: auto}

input[type="text"] { width: 200px; border: 1px solid #CCC;}

input[type="password"] { width: 200px; border: 1px solid #CCC;}

input[type="submit"] { font-weight: bold; color:#fff; padding:5px; background:#3092c9; margin-bottom: 10px; margin-top: 10px;}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000;}

.field-validation-valid { display: none;}

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee;}

.validation-summary-errors { font-weight: bold; color: #ff0000;}

.validation-summary-valid { display: none;}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label { margin: 1em 0 0 0;}

.display-field,
.editor-field { margin:0.5em 0 0 0;}

.text-box { width: 30em;}

.text-box.multi-line { height: 6.5em;}

.tri-state { width: 6em;}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}
